import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { ConfigProvider } from '@arco-design/web-react';
import '@arco-design/web-react/dist/css/arco.css';
import BasicLayout from './layouts/BasicLayout';
import Home from './pages/Home';
import Dashboard from './pages/Dashboard';
import Login from './pages/Login/index';
import UserManagement from './pages/UserManagement';
import Settings from './pages/Settings';
import ProjectManagement from './pages/ProjectManagement';

// 配置Arco Design主题
const App: React.FC = () => {
  return (
    <ConfigProvider>
      <Router>
        <Routes>
          <Route path="/" element={<BasicLayout><Home /></BasicLayout>} />
          <Route path="/dashboard" element={<BasicLayout><Dashboard /></BasicLayout>} />
          <Route path="/users" element={<BasicLayout><UserManagement /></BasicLayout>} />
          <Route path="/settings" element={<BasicLayout><Settings /></BasicLayout>} />
          <Route path="/projects" element={<BasicLayout><ProjectManagement /></BasicLayout>} />
          <Route path="/login" element={<Login />} />
        </Routes>
      </Router>
    </ConfigProvider>
  );
};

export default App;